﻿@using Infrastructure.ExtendedEntities

@model List<Store_Product_WithProperties>

@{
    ViewBag.Title = "Category";
    Layout = "~/Views/Shared/_Layout.cshtml";
}



@foreach (var product in Model)
{
    <div class="left_content">

        <div class="title">@*<span class="title_icon"><img src="images/bullet1.gif" alt="" title=""></span>*@@product.Name</div>

        <div class="feat_prod_box_details">

            <div class="prod_img">
                <a href="details.html">
                    <img style="width: 145px;" src="/Content/TempImgs/switcher.jpg" alt="" title="" border="0"></a>
                <br>
                <br>
                <a href="/Content/FrontEnd/images/big_pic.jpg" rel="lightbox">
                    <img src="/Content/FrontEnd/images/zoom.gif" alt="" title="" border="0"></a>
            </div>

            <div class="prod_det_box">
                <div class="box_top"></div>
                <div class="box_center">
                    <div class="prod_title">Details</div>
                    <p class="details">@product.BriefDescription                 </p>
                    <div class="price"><strong>PRICE:</strong> <span class="red">@product.Cost рублев</span></div>
                    <div class="price">
                        <strong>COLORS:</strong>
                        <span class="colors">
                            <img src="/Content/FrontEnd/images/color1.gif" alt="" title="" border="0"></span>
                        <span class="colors">
                            <img src="/Content/FrontEnd/images/color2.gif" alt="" title="" border="0"></span>
                        <span class="colors">
                            <img src="/Content/FrontEnd/images/color3.gif" alt="" title="" border="0"></span>
                    </div>
                    <a href="#" class="more" onclick="AddToCart(@product.Id)">
                        <img src="/Content/FrontEnd/images/order_now.gif" alt="" title="" border="0" ></a>
                    <div class="clear"></div>
                </div>

                <div class="box_bottom"></div>
            </div>
            <div class="clear"></div>
        </div>


        <div id="demo" class="demolayout">

            <ul id="demo-nav" class="demolayout">
                <li><a class="active" href="#tab1">More details</a></li>
                @*       <li><a class="" href="#tab2">Related Products</a></li>*@
            </ul>

            <div class="tabs-container">

                <div style="display: block;" class="tab" id="tab1">
                  <p class="more_details">
                    @product.Description

                    </p>
                                <p class="more_details">                   
                     Is free shiping: <input type="checkbox" checked=" @product.IsFreeShiping"/> 

                    </p>

                    <ul class="list">
                        @foreach (var property in product.CustomProperties)
                        {
                                <li><a href="#">@(property.First): @property.Second</a></li>
                        }
                    
                    </ul>
                   
                </div>


            </div>

        </div>


 
            

            
    <div class="clear"></div>
</div>
}


@section scripts{
 

    
}